<template>
  <div class="mui-pages">
    <header class="mui-bar mui-bar-nav">
      <div class="header-common-title flex-justify-start">
        <div class="mui-action-back"><img class="back-btn" src="../../../../static/images/back.png"></div>
        <div class="header-search flex-center">待缴记录</div>
      </div>
    </header>
    <div class="mui-page-content">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll work-message-lists">
          <p class="history-message flex-center">2019年</p>
          <ul class="mui-table-view work-message-item">
            <li class="mui-table-view-cell">
              <div class="flex-between-center">
                <p>10月</p>
                <p>已缴费</p>
              </div>
              <div class="schedule-item-world flex-between-center">
                <p class="organization-lists-title mine-lists-content">应缴党费：￥30.00，实缴党费：￥30.00</p>
              </div>
            </li>
            <li class="mui-table-view-cell">
              <div class="flex-between-center">
                <p>9月</p>
                <p class="mine-lists-money">待缴费</p>
              </div>
              <div class="schedule-item-world flex-between-center">
                <p class="organization-lists-title mine-lists-content">应缴党费：￥30.00，实缴党费：￥30.00</p>
                <div class="red-btn">去缴费</div>
              </div>
            </li>
          </ul>
          <p class="history-message flex-center">2018年</p>
          <ul class="mui-table-view work-message-item">
            <li class="mui-table-view-cell">
              <div class="flex-between-center">
                <p>9月</p>
                <p class="mine-lists-money">待缴费</p>
              </div>
              <div class="schedule-item-world flex-between-center">
                <p class="organization-lists-title mine-lists-content">应缴党费：￥30.00，实缴党费：￥30.00</p>
                <div class="red-btn">去缴费</div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'paymentRecord'
  }
</script>

<style scoped>

</style>
